<html>
<head>
    <title>Heimdallr Dashboard</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
    <style type="text/css">
        body > .ui.container {
            padding-top: 2em;
            padding-left: 210px;
        }
    </style>
</head>
<body>

<div class="ui sidebar inverted vertical menu left visible">
    <a href="./me.html" class="item"><i class="home icon"></i>Me</a>
    <a href="./manage_user.html" class="item"><i class="user icon"></i>User</a>
    <a href="./manage_role.html" class="item"><i class="file alternate outline icon"></i>Role</a>
    <a href="./manage_service_account.html" class="item"><i class="desktop icon"></i>Service Account</a>
    <a href="./client_cert.html" class="item"><i class="certificate icon"></i>Client Certificate</a>
    <a href="./agent.html" class="item"><i class="clone icon"></i>Agent</a>
</div>

<div class="ui container">
    <h2 class="ui header">Me</h2>
    <div class="ui divider"></div>
    <h3 class="ui header">Devices
        <a class="ui basic button mini primary" href="./me_new_device.html"><i class="desktop icon"></i>Add</a>
    </h3>
    <table class="ui table celled striped">
        <thead>
        <tr>
            <th>Name</th>
            <th>Registered at</th>
            <th></th>
            <th></th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>MacBook Pro 16</td>
            <td>2019/09/12 00:00:00</td>
            <td><a href="/"><i class="icon download"></i>Cert</a></td>
            <td>
                <button class="ui button red mini basic">Delete</button>
            </td>
        </tr>
        </tbody>
    </table>

    <div class="ui divider"></div>
    <h3 class="ui header">Services</h3>
    <table class="ui table celled striped">
        <thead>
        <tr>
            <th>Name</th>
            <th>Description</th>
            <th>URL</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td><a href="/">Sample 1</a></td>
            <td>This service is ....</td>
            <td><a href="/">https://sample1.example.com</a></td>
        </tr>
        <tr>
            <td><a href="/">Sample 2</a></td>
            <td>This service is admin only</td>
            <td><a href="/">https://sample2.example.com</a></td>
        </tr>
        </tbody>
    </table>
</div>

</body>
</html>